<template>
     <div class="footer">
         <div class="footer-top">
             <p>
                <span class="iconfont">&#xe618;</span>
                <span><span>票面价</span>是指通过景区指定串口售卖的纸质门票标注的价格</span>
             </p>
         </div>
         <div class="footer-bottom">
           <ul class="footer-ul1">
             <li>
               <span class="iconfont">&#xe63c;</span>
               <span>飞机</span>
             </li>
             <li>
               <span class="iconfont">&#xe602;</span>
               <span>酒店</span>
             </li>
             <li>
               <span class="iconfont">&#xe6d3;</span>
               <span>公寓</span>
             </li>
             <li>
               <span class="iconfont">&#xe6a3;</span>
               <span>更多</span>
             </li>
           </ul>
           <!---->

           <ul class="footer-ul2">
             <li>登陆</li>
             <li>我的订单</li>
             <li>最近浏览</li>
             <li>关于我们</li>
           </ul>
         </div>

         <div class="footer-deep">
             <p class="footer-deep-t">
               <span>触屏版</span>
               <span>电脑版</span>
             </p>
             <p>Qun ar 京ICP备05021087意见反馈</p>
         </div>
     </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style lang="stylus" scoped>
    .footer
      height: 1.50rem
      .footer-top
          height: .32rem
          line-height : .32rem
          font-size : .12rem
          background #ffffff
          border-top : .05rem solid #cacaca
          p{
             margin: 0rem .10rem
          }
      .footer-bottom
          background : #cacaca !important
          .footer-ul1
             width: 80%
             height : .32rem
             display : flex
             justify-content : space-around
             align-items center
             color #333
             margin: 0rem auto
             li{
               width: 25%
               text-align center
             }
          .footer-ul2
             width: 100% !important
             height : .32rem
             display flex
             justify-content flex-start
             align-items center
             color: #64BCCC
             margin-left : .10rem
             li{
               width: 20%
             }
      .footer-deep
         height : .6rem
         display flex
         flex-direction : column
         align-items center
         line-height : .3rem
         border-top : 1px solid #ddd
         margin-top .10rem
         .footer-deep-t
             span{
                padding : 0rem .10rem
             }
</style>
